<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./phtml/css/reset.css">
    <link rel="stylesheet" href="./phtml/css/play.css">
     <!-- 引入bootstrap框架文件 css文件中自己写了引入字体 -->
     <link rel="stylesheet" href="./phtml/css/bootstrap.min.css"/>
     <!-- 动画库 -->
    <link rel="stylesheet" href="./phtml/css/animate.min.css" />
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <div class="content">
            <a href="./index.html"><img src="./phtml/images/jiantou2.png" alt=""></a>
        <div>And The Winner Is</div>
        </div>
    </div>

    <!-- 超大内容 -->
    <div class="banner">
        <div class="fuck"><img src="./phtml/images/changpian.png" alt=""></div>

        <!-- 歌词部分 -->
        <div class="gc">
            <div class="gcc">
            <div>Je voudrais remercier ma
                mиre qui m'a nourri, qui m'a puni
                Je voudrais remercier Moliиre</div>
            <div>Je voudrais remercier ma
                mиre qui m'a nourri, qui m'a puni
                Je voudrais remercier Moliиre</div>
            <div>Je voudrais remercier ma
                mиre qui m'a nourri, qui m'a puni
                Je voudrais remercier Moliиre</div>
            <div>Je voudrais remercier ma
                mиre qui m'a nourri, qui m'a puni
                Je voudrais remercier Moliиre</div>
                <div>Je voudrais remercier ma
                    mиre qui m'a nourri, qui m'a puni
                    Je voudrais remercier Moliиre</div>
                <div>Je voudrais remercier ma
                    mиre qui m'a nourri, qui m'a puni
                    Je voudrais remercier Moliиre</div>
                <div>Je voudrais remercier ma
                    mиre qui m'a nourri, qui m'a puni
                    Je voudrais remercier Moliиre</div>
                <div>Je voudrais remercier ma
                    mиre qui m'a nourri, qui m'a puni
                    Je voudrais remercier Moliиre</div>
                    <div>Je voudrais remercier ma
                        mиre qui m'a nourri, qui m'a puni
                        Je voudrais remercier Moliиre</div>
                    <div>Je voudrais remercier ma
                        mиre qui m'a nourri, qui m'a puni
                        Je voudrais remercier Moliиre</div>
                    <div>Je voudrais remercier ma
                        mиre qui m'a nourri, qui m'a puni
                        Je voudrais remercier Moliиre</div>
                    <div>Je voudrais remercier ma
                        mиre qui m'a nourri, qui m'a puni
                        Je voudrais remercier Moliиre</div>
                        <div>Je voudrais remercier ma
                            mиre qui m'a nourri, qui m'a puni
                            Je voudrais remercier Moliиre</div>
                        <div>Je voudrais remercier ma
                            mиre qui m'a nourri, qui m'a puni
                            Je voudrais remercier Moliиre</div>
                        <div>Je voudrais remercier ma
                            mиre qui m'a nourri, qui m'a puni
                            Je voudrais remercier Moliиre</div>
                        <div>Je voudrais remercier ma
                            mиre qui m'a nourri, qui m'a puni
                            Je voudrais remercier Moliиre</div>
                            <div>Je voudrais remercier ma
                                mиre qui m'a nourri, qui m'a puni
                                Je voudrais remercier Moliиre</div>
                            <div>Je voudrais remercier ma
                                mиre qui m'a nourri, qui m'a puni
                                Je voudrais remercier Moliиre</div>
                            <div>Je voudrais remercier ma
                                mиre qui m'a nourri, qui m'a puni
                                Je voudrais remercier Moliиre</div>
                            <div>Je voudrais remercier ma
                                mиre qui m'a nourri, qui m'a puni
                                Je voudrais remercier Moliиre</div>
                                <div>Je voudrais remercier ma
                                    mиre qui m'a nourri, qui m'a puni
                                    Je voudrais remercier Moliиre</div>
                                <div>Je voudrais remercier ma
                                    mиre qui m'a nourri, qui m'a puni
                                    Je voudrais remercier Moliиre</div>
                                <div>Je voudrais remercier ma
                                    mиre qui m'a nourri, qui m'a puni
                                    Je voudrais remercier Moliиre</div>
                                <div>Je voudrais remercier ma
                                    mиre qui m'a nourri, qui m'a puni
                                    Je voudrais remercier Moliиre</div>
                                    
        </div>
        </div>

        <!-- 进度条 -->
        <div class="gress">
            <div><img src="./phtml/images/jindu_03.png" alt=""></div>
        </div>
        <!-- 歌曲时间 -->
        <div class="time">
            <div class="text">
                <div>00:00</div>
                <div>04:30</div>
            </div>
        </div>
        <!-- 操控歌曲 -->
        <div class="Manipulation">
            <div class="left">
                <div><a href="#"><img src="./phtml/images/xunhuang.png" alt=""></a></div>
                
             </div>
            
            <div class="center">
                <a href="#"><img src="./phtml/images/houyishou.png" alt=""></a>
                <a href="#"><img src="./phtml/images/zanting.png" alt=""></a>
                <a href="#"><img src="./phtml/images/xiayishou.png" alt=""></a>
            </div>
            <div class="right">
                <div><a href="#"><img src="./phtml/images/xulie.png" alt=""></a></div>
            </div>
        </div>
        <!-- 最底部控件 -->
        <div class="end">
            <div><a href="#"><img src="./phtml/images/dianzan.png" alt=""></a></div>
            <div><a href="#"><img src="./phtml/images/down.png" alt=""></a></div>
            <div><a href="#"><img src="./phtml/images/xinxi.png" alt=""></a></div>
            <div><a href="#"><img src="./phtml/images/shuxinxi.png" alt=""></a></div>
        </div>
    </div>
</body>
</html>
<script src="./phtml/js/reset.js"></script>
<!-- 引入bootstrap 依赖的 jquery文件 -->
<script src="./phtml/js/jquery.min.js"></script>

<!-- 引入bootstrap框架的脚本文件 -->
<script src="./phtml/js/bootstrap.min.js"></script>

<!-- 引入wow.js懒加载效果 -->
<script src="./phtml/js/wow.min.js"></script>

<script>
    // wow.js 插件的初始化
    new WOW().init();
  </script>